/*文章容器编辑器盒子----articleBox*/
.hidden {display:none;}
.wqdArticleEditBoxD em,
.wqdArticleEditBoxD label,
.wqdArticleEditBoxD span,
.wqdArticleEditBoxD input,
.wqdArticleEditBoxD ul li
{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;}
/* articleBox -- editHeader start */
.wqdArticleEditBoxD {width: 326px;}
.wqdArticleEditBoxD .edit_headerD {width:100%;height:50px;background:#404040;border-top-left-radius:4px;border-top-right-radius:4px;cursor: move;}
.wqdArticleEditBoxD .edit_headerD h1.header_titleD {float:left;margin:0;padding:0;padding-left:20px;font-size:16px;line-height:50px;color:#fff;font-weight:normal;}
.wqdArticleEditBoxD .edit_headerD em.header_helpD {float:right;width:28px;height:28px;margin:0;margin-top:11px;margin-right:1px;background:url(../../../images/v2/design/elementEdit/articleEdit.png) no-repeat -11px -11px;cursor:pointer;}
.wqdArticleEditBoxD .edit_headerD em.header_helpD:hover {background-position:-11px -61px;}
.wqdArticleEditBoxD .edit_headerD i.header_closeD {float:right;width:28px;height:28px;margin:0;margin-top:11px;margin-right:11px;background:url(../../../images/v2/design/elementEdit/articleEdit.png) no-repeat -61px -11px;cursor:pointer;}
.wqdArticleEditBoxD .edit_headerD i.header_closeD:hover {background-position:-61px -61px;}
/* articleBox -- editHeader end */

/* articleBox -- editSearch start */
.wqdArticleEditBoxD .edit_searchD {width:100%;height:auto;background:#fff;border-bottom:1px solid #ccc;}
.wqdArticleEditBoxD .edit_searchD ul {display:inline-block;font-size:0;width:100%;margin-top:6px;text-align:center;}
.wqdArticleEditBoxD .edit_searchD ul li {display:inline-block;height:26px;padding:0 9px;margin:0 7px 6px 0;font-size:14px;color:#666;line-height:26px;border-radius:4px;cursor:pointer;}
.wqdArticleEditBoxD .edit_searchD ul li.on {background:#59c4ff;color:#fff;}
.wqdArticleEditBoxD .edit_searchD ul li:hover {background:#def3ff;}
/* articleBox -- editSearch end */

/* articleBox -- editContent start */
.wqdArticleEditBoxD .edit_contentD {width:100%;height:auto;background:#818181;border-bottom-left-radius:4px;border-bottom-right-radius:4px;} 
.wqdArticleEditBoxD .edit_contentD .common_content {width:100%;height:auto;}
    /*common---nav start*/
.wqdArticleEditBoxD .edit_navBox {float:left;height:100%;width:45px;}
.wqdArticleEditBoxD .edit_navBox ol.nav {display:block;}
.wqdArticleEditBoxD .edit_navBox ol.nav li {height:45px;width:45px;text-align:center;font-size:14px;line-height:45px;color:#fff;cursor:pointer;}
.wqdArticleEditBoxD .edit_navBox ol.nav li.on {background:#fff;color:#333;}
    /*common---nav end*/
.wqdArticleEditBoxD .common_content ul.editDetail {margin-left:43px;height:auto;background:#fff;min-height: 150px;border-left:2px solid #6d6d6d;border-bottom-right-radius:4px;}
.wqdArticleEditBoxD .common_content ul.editDetail li {padding:5px 24px 0 26px;padding-bottom:35px;}
.wqdArticleEditBoxD .common_content ul.editDetail li hr {margin:0;border:none;border-top:1px solid #dcdcdc;}
    /*common---select start*/
.wqdArticleEditBoxD .edit_selectBox {margin-left:25px;height:32px;}
.wqdArticleEditBoxD .edit_selectBox label.name {display:inline-block;vertical-align:top;height:32px;margin:0;font-size:14px;color:#666;line-height:30px;font-weight:normal;}
.wqdArticleEditBoxD .edit_selectBox .edit_select {position:relative;float:right;height:32px;}
.wqdArticleEditBoxD .edit_selectBox .edit_select p {display:inline-block;width:162px;height:30px;line-height:30px;border:1px solid #dcdcdc;cursor:pointer;border-radius:4px;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;}
.wqdArticleEditBoxD .edit_selectBox .edit_select p span {display:inline-block;margin-left:10px;vertical-align:top;font-size:12px;color:#666;}
.wqdArticleEditBoxD .edit_selectBox .edit_select p i{float:right;width:32px;height:32px;background:url(../../../images/v2/design/elementEdit/articleEdit.png) -10px -110px no-repeat;}
.wqdArticleEditBoxD .edit_selectBox .edit_select p.on span,
.wqdArticleEditBoxD .edit_selectBox .edit_select p.on i {background-position:-10px -160px;color:#59c4ff;}

.wqdArticleEditBoxD .edit_selectBox .edit_select ul{ display:none;transition:ease height .2s;position: absolute;z-index:1;left:0;top:33px;width:162px;padding:3px 0;background:#fff;overflow:hidden;border: 1px solid #dcdcdc;border-radius:4px;}
.wqdArticleEditBoxD .edit_selectBox .edit_select.on ul{display:block;}
.wqdArticleEditBoxD .edit_selectBox .edit_select ul li{height:30px;line-height:30px;padding:0 10px;margin:0;font-size:12px;color:#666;cursor:pointer;}
.wqdArticleEditBoxD .edit_selectBox .edit_select ul li.on{ background:#def3ff; }
.wqdArticleEditBoxD .edit_selectBox .edit_select ul li:hover{ background:#def3ff;}
    /*common---select end*/

    /*common---sline start*/
.wqdArticleEditBoxD .edit_slinebox {}
.wqdArticleEditBoxD .edit_slinebox label.name {display:inline-block;vertical-align:top;height:32px;margin:0;font-size:14px;color:#666;line-height:30px;font-weight:normal;}
.wqdArticleEditBoxD .edit_slinebox .scale {position:relative;float:right;height:2px;width:100px;margin:15px 8px 0 8px;background:#ccc;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.wqdArticleEditBoxD .edit_slinebox .scale .moment{position:absolute;left:0;top:0;display:inline-block;width:0px;height:100%;background:#59c4ff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.wqdArticleEditBoxD .edit_slinebox .scale .slider{position:absolute;left:0px;top:-6px;display:inline-block;height:14px;width:14px;background:#fff;cursor:pointer;border:solid 1px #aaa;border-radius:50%; transform:translateX(-7px);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}   
.wqdArticleEditBoxD .edit_slinebox input {float:right;width:30px;height:30px;margin-right:5px;font-size:12px;color:#666;text-align:center;border:1px solid #dcdcdc;border-radius:4px;}
.wqdArticleEditBoxD .edit_slinebox em {float:right;line-height:30px;font-size:12px;color:#666;}
    /*common---sline end*/

    /*common---gcheck start*/
.wqdArticleEditBoxD .edit_gcheckbox ul.group_checkBox {display:block;font-size:0;}
.wqdArticleEditBoxD .edit_gcheckbox ul.group_checkBox li {display:inline-block;width:110px;height:36px;margin:0;padding:0;line-height:36px;}
.wqdArticleEditBoxD .edit_gcheckbox ul.group_checkBox li span {display:inline-block;vertical-align:middle;width:16px;height:17px;background:url(../../../images/v2/design/elementEdit/articleEdit.png) no-repeat -67px -117px;cursor:pointer;}
.wqdArticleEditBoxD .edit_gcheckbox ul.group_checkBox li span.on {background:url(../../../images/v2/design/elementEdit/articleEdit.png) no-repeat -67px -167px;}
.wqdArticleEditBoxD .edit_gcheckbox ul.group_checkBox li label {display:inline-block;vertical-align:middle;margin:0;margin-left:7px;height:100%;font-size:14px;color:#666;font-weight:normal;}
    /*common---gcheck end*/

    /*common---scolorbox start*/
.wqdArticleEditBoxD .edit_scolorbox {}
.wqdArticleEditBoxD .edit_scolorbox label.name {display:inline-block;vertical-align:middle;height:32px;margin:0;font-size:14px;color:#666;line-height:30px;font-weight:normal;}
.wqdArticleEditBoxD .edit_scolorbox input {float:right;width:113px;height:30px;padding:0 2px 0 8px;margin:0;font-size:12px;color:#666;line-height:30px;border:solid 1px #dcdcdc;border-radius:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;}
.wqdArticleEditBoxD .edit_scolorbox span {float:right;width:28px;height:28px;margin-top:1px;margin-left:8px;background:url(../../../images/v2/design/elementEdit/articleEdit.png) no-repeat -110px -110px;border:1px solid #dcdcdc;border-radius:50%;}
.wqdArticleEditBoxD .edit_scolorbox span i {display:inline-block;width:28px;height:28px;border-radius:50%;}
    /*common---scolorbox end*/

    /*common---fontbox start*/
.wqdArticleEditBoxD .edit_fontbox {float:right;width:164px;height:32px;margin-top:10px;}
.wqdArticleEditBoxD .edit_fontbox input {float:left;width:30px;height:30px;margin:0;font-size:12px;line-height:30px;color:#666;text-align:center;border:1px solid #dcdcdc;border-radius:4px;}
.wqdArticleEditBoxD .edit_fontbox label {float:left;width:30px;height:32px;margin:0;font-size:12px;line-height:30px;color:#666;text-align:center;font-weight:normal;} 
.wqdArticleEditBoxD .edit_fontbox em {float:left;width:30px;height:30px;margin:0;margin-right:10px;font-size:12px;line-height:30px;color:#666;text-align:center;border:1px solid #dcdcdc;cursor:pointer;border-radius:4px;}
.wqdArticleEditBoxD .edit_fontbox em.on,
.wqdArticleEditBoxD .edit_fontbox em:hover {background:#eee;}
    /*common---fontbox end*/

    /*common---btnbox start*/
.wqdArticleEditBoxD .edit_inputbox {}
.wqdArticleEditBoxD .edit_inputbox label.name {display:inline-block;vertical-align:middle;margin:0;height:32px;font-size:14px;color:#666;line-height:30px;font-weight:normal;}
.wqdArticleEditBoxD .edit_inputbox input {float:right;width:151px;height:30px;padding:0 2px 0 8px;margin:0;font-size:12px;color:#666;line-height:30px;border:solid 1px #dcdcdc;border-radius:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;}
    /*common---btnbox end*/

    /*common---switchbox relative switch_group start*/
.wqdArticleEditBoxD .edit_switchbox {}
.wqdArticleEditBoxD .edit_switchbox label.name {display:inline-block;vertical-align:middle;height:32px;margin:0;font-size:14px;color:#666;line-height:30px;font-weight:normal;}
.wqdArticleEditBoxD .edit_switchbox span {display:inline-block;vertical-align:middle;height:32px;width:30px;margin-left:10px;background:url(../../../images/v2/design/elementEdit/articleEdit.png) no-repeat -160px -109px;cursor:pointer;}
.wqdArticleEditBoxD .edit_switchbox span.on {background-position:-160px -159px;}
    /*common---switchbox relative switch_group end*/

    /*editStyle edit1 start*/
.wqdArticleEditBoxD .editStyleD .edit1 .edit_slinebox{margin:14px 0;}
.wqdArticleEditBoxD .editStyleD .edit1 .edit_selectBox{margin:14px 0;}
    /*editStyle edit1 end*/
    /*editStyle edit2 start*/
.wqdArticleEditBoxD .editStyleD .edit2 .group_checkBox{margin-top:10px;}
    /*editStyle edit2 end*/
    /*editStyle edit3 start*/
.wqdArticleEditBoxD .editStyleD .edit3 .edit_slinebox{margin:14px 0;}
.wqdArticleEditBoxD .editStyleD .edit3 .edit_scolorbox{margin:14px 0;}
    /*editStyle edit3 end*/

    /*editTitle edit1 start*/
.wqdArticleEditBoxD .editTitleD .edit1 .edit_scolorbox{margin:14px 0;}
    /*editTitle edit1 end*/
    /*editTitle edit2 start*/
.wqdArticleEditBoxD .editTitleD .edit2 .edit_selectBox{margin:14px 0 0 0;}
    /*editTitle edit2 end*/ 

    /*editSummary edit1 start*/
.wqdArticleEditBoxD .editSummaryD .edit1 .edit_scolorbox{margin:14px 0;}
.wqdArticleEditBoxD .editSummaryD .edit1 .edit_selectBox{margin:14px 0 0 0;}
    /*editSummary edit1 end*/

    /*editTime edit1 start*/
.wqdArticleEditBoxD .editTimeD .edit1 .edit_scolorbox{margin:14px 0;}
.wqdArticleEditBoxD .editTimeD .edit1 .edit_selectBox{margin:14px 0;}
    /*editTime edit1 end*/
    /*editTime edit2 start*/
.wqdArticleEditBoxD .editTimeD .edit2 .edit_selectBox{margin:14px 0 0 0;}
    /*editTime edit2 end*/

    /*editViews edit1 start*/
.wqdArticleEditBoxD .editViewsD .edit1 .edit_scolorbox{margin:14px 0;}
.wqdArticleEditBoxD .editViewsD .edit1 .edit_selectBox{margin:14px 0 0 0;}
    /*editViews edit1 end*/

    /*editLike edit1 start*/
.wqdArticleEditBoxD .editLikeD .edit1 .edit_scolorbox{margin:14px 0;}
    /*editLike edit1 end*/
    /*editLike edit2 start*/
.wqdArticleEditBoxD .editLikeD .edit2 .edit_selectBox{margin:14px 0 0 0;}
    /*editLike edit2 end*/

    /*editBtn edit1 start*/
.wqdArticleEditBoxD .editBtnD .edit1 .edit_inputbox{margin:14px 0;}
.wqdArticleEditBoxD .editBtnD .edit1 .edit_scolorbox{margin:14px 0;}
.wqdArticleEditBoxD .editBtnD .edit1 .edit_selectBox{margin:14px 0 0 0;}
    /*editBtn edit1 end*/
    /*editBtn edit2 start*/
.wqdArticleEditBoxD .editBtnD .edit2 .edit_slinebox{margin:14px 0;}
.wqdArticleEditBoxD .editBtnD .edit2 .edit_selectBox{margin:14px 0;}
.wqdArticleEditBoxD .editBtnD .edit2 .edit_scolorbox{margin:14px 0;}
.wqdArticleEditBoxD .editBtnD .edit2 .edit_switchbox{margin:14px 0;}
    /*editBtn edit2 end*/

    /*editShareBtn edit1 start*/
.wqdArticleEditBoxD .editShareBtnD .edit1 .edit_scolorbox{margin:14px 0;}
.wqdArticleEditBoxD .editShareBtnD .edit1 .edit_selectBox{margin:14px 0;}
/*editShareBtn edit1 end*/


/* articleBox -- editContent end */

/* articleBox -- editList end */
.wqdArticleEditBoxD.articleListSet {width:560px;height:430px;}
.wqdArticleEditBoxD.articleListSet .edit_leftcontentD {float:left;width:184px;height:100%;background:#fff;border-right:1px solid #cfcfcf;border-radius:0 0 0 4px;}
.wqdArticleEditBoxD.articleListSet .edit_rightcontentD {float:left;width:375px;height:100%;background:#fff;border-radius:0 0 4px 0;}
.wqdArticleEditBoxD.articleListSet .edit_rightcontentD .listBottom{text-align: center; padding-top: 12px;}
.wqdArticleEditBoxD.articleListSet .edit_rightcontentD .listBottom a{display:inline-block; color:#999999; padding:2px 8px; font-size: 14px;}
.wqdArticleEditBoxD.articleListSet .edit_rightcontentD .listBottom a:hover{color:#5bc5ff;}
.wqdArticleEditBoxD.articleListSet .edit_rightcontentD .listBottom a.on{color:#5bc5ff;}

.wqdArticleEditBoxD.articleListSet .edit_gcheckbox {margin-left:20px;margin-top:10px;}
.wqdArticleEditBoxD.articleListSet .edit_gcheckbox ul.group_checkBox li {width:100%;}
.wqdArticleEditBoxD.articleListSet .edit_gcheckbox ul.group_checkBox li label {max-width: 90%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.wqdArticleEditBoxD.articleListSet .edit_gcheckbox ul.group_checkBox li label.on,
.wqdArticleEditBoxD.articleListSet .edit_gcheckbox ul.group_checkBox li label:hover {color:#75ccff;text-decoration:underline;cursor:pointer;}
/* articleBox -- editList end */
/*以上是文章编辑器样式----先放这里，以后再移动到该放的地方；author:zyx*/


/***********************  component  image  start *****************************/
/*元素遮罩*/
.img-layer1:before {position:absolute;content:"";top:5px;left:5px;bottom:5px;right:5px;border:1px solid #fff;pointer-events: none;}
.img-layer2:before {position:absolute;content:"";top:0px;left:0px;bottom:0px;right:0px;border:5px solid #fff;pointer-events: none;}
.img-layer3:before {position:absolute;content:"";top:0px;left:0px;bottom:0px;right:0px;border:1px solid #fff;pointer-events: none;}
/***********************  component  image  end *****************************/


/***********************  component  btn  start *****************************/
.wqdComponentBtn1 {background:#3d9be9;}

.wqdComponentBtn2 {color:#75c55d;background:#fff;border:2px solid #75c55d;border-radius:5px;}
.wqdComponentBtn2 em {color:#75c55d;}

.wqdComponentBtn3 {position:relative;color:#fff;overflow:hidden;border:none;}
.wqdComponentBtn3 .componentTR50 {position:absolute;right:0;bottom:49% !important;border-left:0;border-right:100px solid transparent !important;border-bottom:100px solid #e6b871;}
.wqdComponentBtn3 .componentBR50 {position:absolute;right:0;top:49% !important;border-left:0;border-right:100px solid transparent !important;border-top:100px solid #e6b871;} 
.wqdComponentBtn3 .componentCenter {position:absolute;top:0;bottom:0;left:0;right:98px;background:#e6b871;}

.wqdComponentBtn4 {position:relative;color:#fff;overflow:hidden;border:none;}
.wqdComponentBtn4 .componentTL50 {position:absolute;left:0;bottom:49% !important;border-left:100px solid transparent !important;border-right:0;border-bottom:100px solid #2b6ca3;}
.wqdComponentBtn4 .componentBL50 {position:absolute;left:0;top:49% !important;border-left:100px solid transparent !important;border-right:0;border-top:100px solid #2b6ca3;}
.wqdComponentBtn4 .componentCenter {position:absolute;top:0;bottom:0;left:98px;right:0;background:#2b6ca3;}

.wqdComponentBtn5 {color:#fff;border-radius:50%;background:#337ab7;}

.wqdComponentBtn6 {color:#fff;background:#deb184;}
 
.wqdComponentBtn7 {position:relative;color:#fff;overflow:hidden;border:none;}
.wqdComponentBtn7 .componentTL50 {position:absolute;left:0;bottom:49% !important;border-left:58px solid transparent !important;border-right:0;border-bottom:100px solid #3dc288;}
.wqdComponentBtn7 .componentBL50 {position:absolute;left:0;top:49% !important;border-left:58px solid transparent !important;border-right:0;border-top:100px solid #3dc288;}
.wqdComponentBtn7 .componentCenter {position:absolute;top:0;bottom:0;left:56px;right:56px;background:#3dc288;}
.wqdComponentBtn7 .componentTR50 {position:absolute;right:0;bottom:49% !important;border-left:0;border-right:58px solid transparent !important;border-bottom:100px solid #3dc288;}
.wqdComponentBtn7 .componentBR50 {position:absolute;right:0;top:49% !important;border-left:0;border-right:58px solid transparent !important;border-top:100px solid #3dc288;} 

.wqdComponentBtn8 {background:#3dc288;border-top-right-radius: 20px;border-bottom-left-radius: 20px;}

.wqdComponentBtn9 {position:relative;color:#fff;overflow:hidden;border:none;}
.wqdComponentBtn9 .componentBR0 {position:absolute;right:0;bottom:0 !important;border-left:0;border-right:100px solid transparent !important;border-bottom:100px solid #3d9be9;} 
.wqdComponentBtn9 .componentTR0 {position:absolute;right:0;top:0 !important;border-left:0;border-right:100px solid transparent !important;border-top:100px solid #3d9be9;}
.wqdComponentBtn9 .componentCenter {position:absolute;top:0;bottom:0;left:0;right:98px;background:#3d9be9;}

.wqdComponentBtn10 {position:relative;color:#fff;overflow:hidden;border:none;}
.wqdComponentBtn10 .componentBL0 {position:absolute;left:0;bottom:0 !important;border-left:58px solid transparent !important;border-right:0;border-bottom:100px solid #01b1af;}
.wqdComponentBtn10 .componentTL0 {position:absolute;left:0;top:0 !important;border-left:58px solid transparent !important;border-right:0;border-top:100px solid #01b1af;}
.wqdComponentBtn10 .componentCenter {position:absolute;top:0;bottom:0;left:56px;right:56px;background:#01b1af;}
.wqdComponentBtn10 .componentBR0 {position:absolute;right:0;bottom:0 !important;border-left:0;border-right:58px solid transparent !important;border-bottom:100px solid #01b1af;}
.wqdComponentBtn10 .componentTR0 {position:absolute;right:0;top:0 !important;border-left:0;border-right:58px solid transparent !important;border-top:100px solid #01b1af;}
 
/***********************  component  btn  end *****************************/


/***********************  control  form  start *****************************/
.wqdControlForm {position: relative;width:100%;height:100%;background:none;}
.wqdFormIframeWarp, .wqdFormIframeWarp iframe{position: relative;width: 100%;height: 100%;left: 0;top: 0;}
#HTMLDATA .wqdFormIframeWarp:before{content: '';position: absolute;z-index: 2;width: 100%;height: 100%;left: 0;top: 0;background-color: rgba(0,0,0,0.5);}
#HTMLDATA .wqdControlForm:before, .wqd-carouseOverlay .wqdControlForm:before{content: '';position: absolute;z-index: 0;width: 100%;height: 100%;left: 0;top: 0;border: 1px dashed #1ec1fd;}
.wqdControlFormEl1 {width:100%;height:100%;}
.wqdControlFormEl1 input {height:100%;width:100%;padding-left:10px;background:#fff;text-align:left;color:#666;font-size:14px;border:1px solid #dcdcdc;border-radius:4px;}

.wqdControlFormEl2 {width:100%;height:100%;}
.wqdControlFormEl2 textarea {height:100% !important;width:100% !important;padding:10px;background:#fff;outline:none;text-align:left;color:#666;font-size:14px;line-height:1.2;border:1px solid #dcdcdc;border-radius:4px;} 

.wqdControlFormEl3 {width:100%;height:100%;}
.wqdControlFormEl3 i {position:absolute;top:50%;left:0;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:40px;height:40px;background:url(../../../images/v2/design/columnMenu/2.png) -0px -45px no-repeat;}
.wqdControlFormEl3 i.on {background:url(../../../images/v2/design/columnMenu/2.png) -0px -0px no-repeat;}
.wqdControlFormEl3 label {position:absolute;top:50%;left:38px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);display:inline;margin:0;color:#666;font-weight:normal;}
.wqdControlFormEl3 input {display:none;}

.wqdControlFormEl4 {width:100%;height:100%;}
.wqdControlFormEl4 i {position:absolute;top:50%;left:0;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:40px;height:40px;background:url(../../../images/v2/design/columnMenu/2.png) -139px -44px no-repeat;}
.wqdControlFormEl4 i.on {background:url(../../../images/v2/design/columnMenu/2.png) -140px -0px no-repeat;}
.wqdControlFormEl4 label {position:absolute;top:50%;left:38px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);display:inline;margin:0;color:#666;font-weight:normal;}
.wqdControlFormEl4 input {display:none;}

/*下拉框暂时不能进行高度拉动*/
.wqdControlFormEl5 { height: 100%; }
.wqdControlFormEl5 p {position:relative;width:100%;height:100%;padding:0 10px;background:#fff;color:#666;font-size:14px;line-height:40px;cursor: pointer;border: 1px solid #dcdcdc;border-radius:4px; display: table;}
.wqdControlFormEl5 p.on {color:#59c4ff;}
.wqdControlFormEl5 p i{float:right;width:40px;height:100%;/* margin-right:-10px; */background:url(../../../images/v2/design/columnMenu/3.png) 0px  center no-repeat;position:absolute; top: 0; right:0;}
.wqdControlFormEl5 p i.on { background-position:-40px -40px;}
.wqdControlFormEl5 p span { display: table-cell;vertical-align: middle;}
.wqdControlFormEl5 ul{ display:none;transition:ease height .2s;position: absolute;z-index:1;left:0;/* top:41px; */width:100%;padding:3px 0;background:#fff;overflow:hidden;border: 1px solid #dcdcdc;border-radius:4px;}
.wqdControlFormEl5.on ul{display:block;}
.wqdControlFormEl5 ul li{height:40px;line-height:40px;padding:0 10px;margin:0;font-size:14px;color:#666;cursor:pointer;}
.wqdControlFormEl5 ul li.on{ background:#def3ff; }
.wqdControlFormEl5 ul li:hover{ background:#def3ff;}

.wqdControlFormEl6 {width:100%;height:100%; background-color:#fff; }
.wqdControlFormEl6 input { background-color:rgba(0,0,0,0);height:100%;width:100%;padding-left:10px;padding-right:40px;text-align:left;color:#666;font-size:14px;border:1px solid #dcdcdc;border-radius:4px; position:relative; z-index: 2;}
.wqdControlFormEl6 span {position:absolute;display:block;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);right:0;height:40px;width:40px;background:url(../../../images/v2/design/columnMenu/2.png) no-repeat -80px 0;}

.wqdControlFormEl7 {width:100%;height:100%;}
.wqdControlFormEl7 a {height:100%;width:100%;background:#78bade;color:#fff;border-radius:4px;margin:0;padding:0;border:0;}

/***********************  control  form  end *****************************/


/***********************  control  share  start *****************************/
ul.wqdControlShare {width:100%;height:100%;margin:0 auto;text-align: left;font-size: 0px}
/*ul.wqdControlShare li{display:inline-block;vertical-align: middle;width: 10.9107%;height:100%;padding:0;margin: 0px 1.6875%;margin-top: 3px;}*/
ul.wqdControlShare li{display:inline-block;vertical-align: middle;width: 26px;height:100%;padding:0;margin: 0px 3px;margin-top: 3px;}

/***********************  control  share  end *****************************/

/***********************  control  follow  start *****************************/
ul.wqdControlFollow {width:100%;height:100%;margin:0 auto;text-align: left;font-size: 0px}
/*ul.wqdControlFollow li{display:inline-block;vertical-align: middle;width: 10.9107%;height:100%;padding:0;margin: 0px 1.6875%;margin-top: 3px;}*/
ul.wqdControlFollow li{display:inline-block;vertical-align: middle;width: 26px;height:100%;padding:0;margin: 0px 3px;margin-top: 3px;}
ul.vertical li{width:100%;}
ul.wqdControlFollow li.novisible,ul.wqdControlShare li.novisible{display:none!important;}
/***********************  control  follow  end *****************************/
/*关注分享发布后样式start*/
.wqd-share svg:not(:root),.wqd-follow svg:not(:root){cursor:pointer;}
/*关注分享发布后样式end*/


/***********************  control  article  start *****************************/
.wqdControlArticle .wqdelementEdit.wqdArticleListContainer {position: relative;}
.wqdControlArticle .wqdelementEditBox.clearAbsolute {position:initial;overflow:visible;}
.wqdControlArticle.wqdselected:before{z-index:1;}
.wqdControlArticle ul.wqdArticleList {display:inline-block;vertical-align: middle;}
.wqdControlArticle ul.wqdArticleList li {display:block;}
.wqdControlArticle ul.wqdArticleList li:last-child{margin-bottom: 0 !important;}


.wqdArticleListContainer .articleListTitle h3 {line-height:1.3;font-weight:inherit;font-size: 24px;}
.wqdArticleListContainer .articleListContent {color:#666;font-size: 14px;}
.wqdArticleListContainer .articleListTime,
.wqdArticleListContainer .articleListLike,
.wqdArticleListContainer .articleListShow {color:#999;}
.wqdArticleListContainer .articleListTime p {line-height:1;font-size: 14px;}

.wqdArticleListContainer .articleListShow svg {float:left;height:18px;width:23px;}
.wqdArticleListContainer .articleListShow span {float:left;font-size:14px;}

.wqdArticleListContainer .articleListLike {cursor:pointer;}
.wqdArticleListContainer .articleListLike svg {float:left;height:19px;width:22px;}
.wqdArticleListContainer .articleListLike:hover svg path {fill:#ff6a6a;}
.wqdArticleListContainer .articleListLike span {float:left;font-size:14px;}

.wqdArticleListContainer .articleListBtn {color:#fff;}
.wqdArticleListContainer .articleListBtn a {vertical-align: top;background:#ff8a93;border-radius:20px;font-size:12px;cursor:pointer;font-style:inherit;font-weight:inherit;}
.wqdArticleListContainer .articleListBtn a:hover {background:#e07981;}

.wqdArticleListContainer .articleListLine div.wqd-line {border-top:1px solid #dcdcdc;} 
/***********************  control  article  end *****************************/






/*轮播图控件*/
.carouselBtnWrap {width: 230px; height:auto; }
.carouselBtnWrap .carousel-control {width: 36px; height: 36px; line-height: 36px; margin-top: -18px; }
.carouselBtnWrap>li {width: 100%; height: 80px; ; overflow: hidden; position: relative; } 
.carouselBtnWrap > li.cellBox{height:auto;border: 1px dashed #fff;border-radius:5px;}
.carouselBtnWrap > li.cellBox.select,.carouselBtnWrap > li.controlBox div.select{border: 1px dashed #999;border-radius:5px;}
.wqdCarousel .carousel-control {display: block; }
.cellBox div.controlBoxDiv {display: inline-block; position: relative; width: 112px; line-height: 100%; height: 70px; border:1px solid #fff; } 
.cellBox div.div5,.cellBox div.div6{height:100px;}
ul.lunboConment {width: 100px; }
ul.lunboConment li {width: 100%; } 
.cellBox .carousel-indicators{text-align:left;left: 0; margin: 15px;position:static;} 
.wqdCarousel .carousel-indicators li{margin:3px;}
.wqdCarousel .indicator_0 li.active{width:20px;height:20px;border:2px solid #9bdcff;background:#9bdcff; } 
.wqdCarousel .indicator_0 li{width:20px;height:20px;border:2px solid #aaa;background:none; }
.wqdCarousel .indicator_1 li.active{width:20px;height:20px;border:2px solid #9bdcff;background:#fff; } 
.wqdCarousel .indicator_1 li{width:20px;height:20px;border:2px solid #aaa;background:#aaa; } 
.wqdCarousel .indicator_2 li.active{width:20px;height:20px;border:2px solid #9bdcff;background:#9bdcff;border-radius:0; } 
.wqdCarousel .indicator_2 li:not(.active){width:20px;height:20px;border:2px solid #aaa;border-radius:0; } 
.wqdCarousel .indicator_3 li.active{width:15px;height:15px;background-color:#9bdcff;} 
.wqdCarousel .indicator_3 li{width:15px;height:15px;background:#ccc; }
.wqdCarousel .indicator_4 li.active,.wqdCarousel .indicator_5 li.active{width:30px;height:30px;background-color:#9bdcff;border-radius:100px;color:#fff;text-align:center } 
.wqdCarousel .indicator_4 li,.wqdCarousel .indicator_5 li{width:30px;height:30px;border-radius:100px; text-indent:0; font-size:12px;text-align:center; }
 .wqdCarousel .indicator_3 li,.wqdCarousel .indicator_4 li,.wqdCarousel .indicator_5 li{background-color:#ebebeb;}
.wqdCarousel .indicator_4 li span,.wqdCarousel .indicator_5 li span{line-height:30px;}
.wqdCarousel .indicator_5 li{border-radius:8px;}
.wqdCarousel .indicator_5 li.active{border-radius:8px;}
.wqdCarousel .indicator_6 li.active{width:30px;height:30px;background-color:#9bdcff;border-radius:0px; }
.wqdCarousel .indicator_6 li{width:14px;height:30px;background:#ccc;border-radius:0px;opacity: 1;transition: width 0.5s; -moz-transition: width 0.2s; /* Firefox 4 */ -webkit-transition: width 0.2s; /* Safari 和 Chrome */ -o-transition: width 0.2s; } 
.wqdCarousel .indicator_7 li.active{width:30px;height:12px;background-color:#9bdcff;border-radius:0px; } 
.wqdCarousel .indicator_7 li{width:30px;height:12px;background:#ccc;border-radius:0px; } 
.cellBox .indicator_3, .cellBox .indicator_7{top:20px;}
.wqdCarousel .indicator_1 li.active{background-color:transparent!important;}
.wqdCarousel .indicator_2 li:not(.active),.wqdCarousel .indicator_0 li:not(.active){background-color:transparent!important;}
.wqdCarousel .indicator_3 li,.wqdCarousel .indicator_4 li,.wqdCarousel .indicator_5 li,.wqdCarousel .indicator_6 li,.wqdCarousel .indicator_7 li{border:none!important;}
@media (max-width: 767px){
    .wqdCarousel .indicator_0 li,.wqdCarousel .indicator_1 li,.wqdCarousel .indicator_3 li,.wqdCarousel .indicator_0 li.active,.wqdCarousel .indicator_1 li.active,.wqdCarousel .indicator_3 li.active{width:10px;height:10px;}
    .wqdCarousel .indicator_4 li.active,.wqdCarousel .indicator_5 li.active,.wqdCarousel .indicator_4 li,.wqdCarousel .indicator_5 li{width:20px;height:20px;text-align:center;}
    .wqdCarousel .indicator_5 li,.wqdCarousel .indicator_5 li.active{border-radius:4px;}
    .wqdCarousel .indicator_4 li span,.wqdCarousel .indicator_5 li span{line-height:19px;}
}
.controlBox .carousel-control.left {left: 10%; } 
.controlBox .carousel-control.right {right: 10%; }
.wqdCarousel .carousel-control_1 {border-radius: 100px; }
.wqdCarousel .carousel-control_2 {border-radius: 5px; }
.wqdCarousel .carousel-control_3 {border-radius: 0px; }
.wqdCarousel .carousel-control_4 {border-radius: 0px 100px 100px 0px; }
.wqdCarousel .carousel-control_4.right {border-radius: 100px 0px 0px 100px; }
.cellBox .carousel-control_5 ,.cellBox .carousel-control_6{width: 36px; height: 74px; border-radius: 5px; line-height: 74px; margin-top: -37px; padding:0; } 
.wqdelementEdit .carousel-control_5 {width: 36px; height: 74px; border-radius: 5px; line-height: 74px; margin-top: -37px; padding:0; } 
.wqdelementEdit .carousel-control_6{top:0!important;height:100%;margin-top:0;border-radius:0;position:absolute;background:none;padding:0;width:36px;background-color: transparent!important;}
.cellBox .carousel-control_6{height:74px;}
.cellBox .carousel-control.left,.cellBox .carousel-control.right {background-image: none; background-color: #ccc; }
.cellBox .carousel-control_6{top:50%;margin-top:-37px;}
.cellBox .carousel-control_6.left {background-color: transparent; }
.wqdelementEdit .carousel-control_6.left {left:0!important;background-color:none; } 
.wqdelementEdit .carousel-control_6.right {right:0!important; }
 .cellBox .carousel-control_6.right {right:10%; } 
.cellBox .carousel-control_1.right,.cellBox .carousel-control_2.right,.cellBox .carousel-control_3.right,.cellBox .carousel-control_4.right, .cellBox .carousel-control_5.right,.cellBox .carousel-control_6.right {background-color:#9bdcff; }
.controlBoxDiv .carousel-control_5 svg:not(:root), .controlBoxDiv .carousel-control_6 svg:not(:root) {position:absolute; width: 15px; top:50%; margin-top: -24px; right:30%; } 
.wqdelementEdit  .carousel-control_5 svg:not(:root), .wqdelementEdit .carousel-control_6 svg:not(:root){position:static;margin-top: 0;width:15px;}
.wqdelementEdit a.carousel-control:hover {background-color:#9bdcff; }
 /*取消渐变*/ 
.wqdCarousel .carousel-control.left,.wqdCarousel .carousel-control.right{background-image:none;opacity: 1} 
.carouselBtnWrap > li.controlBox{height:auto;overflow:hidden;padding-top:18px;}
 .cellBox .carousel-control_6.right{background:url(../../images/v2/design/elementEdit/Carousel/ttbg.png) no-repeat;} 
.cellBox .carousel-control{opacity: 1} 
/*.wqd_table{ width:100%; height:100%;}*/
/*瀑布流样式*/
.atlasWrap{margin-right:-30px;position: static; width: auto;}
.wqdPictureFalls{width: 100%!important;}
.wqdPictureFalls .post{width:33.2%;padding: 0 30px 30px 0;}
.wqdPictureFalls .post>.wrap{border:1px solid #ccc;}
.wqdPictureFalls .post>.wrap a,.wqdPictureUsual>li .wrap a{position:relative;}
.atlasWrap li a>span.initBg{background-color:rgba(255,255,255,0.6);}
@media (min-width: 768px){
.wqdPictureFalls .post a>span,.wqdPictureUsual>li .wrap a>span{display:block;position:absolute;top:0;left:0;width:100%;height:100%;transition:all 0.3s ease 0s;-webkit-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;z-index:9;}
.wqdPictureFalls .post .wrap:hover a>span,.wqdPictureUsual>li .wrap:hover a>span{background-color:rgba(255,255,255,0.6);}
.wqdIphoneView .wqdPictureFalls .post .wrap:hover a>span,.wqdIphoneView .wqdPictureUsual>li .wrap:hover a>span{background-color:rgba(0,0,0,0);}

}
@media (max-width: 767px){
.wqdPictureFalls .post a>span,.wqdPictureUsual>li .wrap a>span{display:block;position:absolute;top:0;left:0;width:100%;height:100%;transition:all 0.3s ease 0s;-webkit-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;z-index:9;}
.wqdPictureFalls .post .wrap:hover a>span,.wqdPictureUsual>li .wrap:hover a>span{background-color:rgba(255,255,255,0.6);}
.wqdIphoneView .wqdPictureFalls .post .wrap:hover a>span,.wqdIphoneView .wqdPictureUsual>li .wrap:hover a>span{background-color:rgba(0,0,0,0);}
}
.wqdPictureFalls .post>.wrap div,.wqdPictureUsual  li >.wrap div{height:auto;width:100%;overflow: hidden;}
.wqdPictureUsual  li >.wrap div{height:auto;}
.wqdPictureFalls .post div h5{margin:30px 0;text-align:center;}
.wqdPictureUsual  li div h5{margin:30px 0 0 0 ;text-align:center;}
.wqdPictureFalls .post a{display:block;text-align:center;/*border:1px solid #d5d4d4;*//*box-shadow: 0px 0px 8px #000000;*/color:#333;}
.wqdPictureFalls .post a:hover{color:#333;}
.wqdPictureFalls .post a img{width:100%;height:auto;}
/*一般布局*/
.wqdPictureUsual{text-align:left;font-size:0px;}
.wqdPictureUsual>li{width:33.2%;height:auto;display:inline-block;padding:0 30px 30px 0;vertical-align:top}
.wqdPictureUsual a{display:block;color:#333;}
.wqdPictureUsual a:hover{color:#333;}
.wqdPictureUsual img{width:100%;height:auto;}
/*图册3样式*/
.atlasWrap3{white-space: nowrap;height:100%;position:relative;    overflow: hidden;width:100%;}
.leftBar{z-index:1;position:absolute;left:0;top:0;height:100%;width:50px;}
.rightBar{z-index:10;position:absolute;right:0;height:100%;width:50px;}
.atlasWrap3 .scrollBox{width:800%;height:100%;}
.leftBar:hover,.rightBar:hover{background-color: #fff;opacity: 0.8;transition:all 0.3s ease 0s;-webkit-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;}
.autoscroll{overflow: hidden;font-size: 0;float:left;}
.autoscroll.copy{float:left;}
.autoscroll,.autoscroll li .wrap,.autoscroll li .wrap a{display:block;height:100%;width: auto;}
.autoscroll li {display: inline-block;height:100%;}
.autoscroll li img{height:100%;width:auto;}
.autoscroll li .wrap a{position:relative;}
.autoscroll li .wrap a span{display:block;position:absolute;top:0;left:0;width:100%;height:100%;opacity: 0;transition:all 0.3s ease 0s;-webkit-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;}
.autoscroll li .wrap:hover a span{background-color:#fff;opacity: 0.2}
.atlasWrap3 div.txt_box{display:none;}
.atlasWrap3 li{margin-right:30px;}
/*图册4样式*/
.atlasWrap4{font-size: 0;}
.atlasWrap4 .wqd-atlas{white-space: nowrap;}
.atlasWrap4 li{display:inline-block;vertical-align: middle;}
.atlasWrap4 .wrap{width:140px;overflow:hidden;position:relative;}
.atlasWrap4 .wrap .txt_box{position:absolute;left:0;bottom:10px;width:100%;text-align: center;display:none;}
.atlasWrap4 .wrap a{width:140px;height:100%;background-size:cover;display:block;}
/*.atlasWrap4 li[data_pic='1'] a{background:url(../../../../images/v2/design/elementEdit/atlas/atlas4_1.png) no-repeat;}
.atlasWrap4 li[data_pic='2'] a{background:url(../../../../images/v2/design/elementEdit/atlas/atlas4_1.png) no-repeat;}
.atlasWrap4 li[data_pic='3'] a{background:url(../../../../images/v2/design/elementEdit/atlas/atlas4_1.png) no-repeat;}
.atlasWrap4 li[data_pic='4'] a{background:url(../../../../images/v2/design/elementEdit/atlas/atlas4_1.png) no-repeat;}*/
.wqdPictureUsual>li .wrap a>div.mask,
.wqdPictureFalls>li .wrap a>div.mask{position: absolute;top:0;left:0;width: 100%;height: 100%;}
/*图册5样式*/
.atlasWrap5 {width: 100%; height: auto; white-space: nowrap; overflow: hidden; }
.atlasWrap5 .pohotoindex {width: 100%; overflow-x: scroll; }
.atlasWrap5 .pohotoshow {padding-bottom: 10px; }
.atlasWrap5 .wqd-atlas {font-size: 0; }
.atlasWrap5 .txt_box {display: none; }
.atlasWrap5 .wqd-atlas li {display: inline-block; padding-right: 10px; } 
/*图片编辑*/
span.maskPanel{position:absolute;top:0;left:0;display: block;width: 100%;height: 100%;}